<section class="features-6 py-5 bg-alternate" title="features-6">
  <div class="container">
	<div class="row text-center">
	  <div class="col-12">
		<h2>Our product features</h2>
	  </div>
	</div>
	<div class="row text-center justify-content-center">
	  <div class="col-12 col-sm-4 col-xl-3 m-md-auto">
		<div>
		  <img loading="lazy" src="img/illustrations.co/109-map-location.svg" alt="map location">
		  <h3>Drag and drop</h3>
		  <p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
		
		  <a href="#">Learn More</a>
		</div>
	  </div>

	  <div class="col-12 col-sm-4 col-xl-3 m-md-auto">
		<div>
		  <img loading="lazy" src="img/illustrations.co/107-healthy.svg" alt="dumbbell">
		  <h3>Live code editor</h3>
		  <p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
			
		   <a href="#">Learn More</a>
		</div>
	  </div>

	  <div class="col-12 col-sm-4 col-xl-3 m-md-auto">
		<div>
		  <img loading="lazy" src="img/illustrations.co/104-dumbbell.svg" alt="dumbbell">
		  <h3>Bootstrap 5</h3>
		  <p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
		  
		  <a href="#">Learn More</a>
		</div>
	  </div>
	</div>
  </div>
</section>
